<script setup lang="ts">
import { CHART } from '@/constant'

const DEFAULT_OPTION = {
  title: CHART.defaultTitle,
  tooltip: {
    trigger: 'item',
  },
  color: CHART.color,
  legend: {
    top: '5%',
    left: 'center',
  },
  grid: {
    ...CHART.defaultGrid,
  },
  series: {
    type: 'pie',

    radius: ['50%', '70%'],
    avoidLabelOverlap: false,
    label: {
      show: false,
      position: 'center',
    },
    emphasis: {
      label: {
        show: true,
        fontSize: 40,
        fontWeight: 'bold',
      },
    },
    labelLine: {
      show: false,
    },
    center: ['50%', '60%'],
  },
}

const chartOption = computed(() => {
  return {}
})
</script>

<template>
  <b-chart
    :option="chartOption"
    class="view-chart-pie box-border"
  />
</template>
